body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#root .row {
  --bs-gutter-x: 16px;
}

:root {
  --juse-1: rgba(255, 132, 94);
  --juse-2: #ffc8b3;
  --color-dark: rgb(67, 67, 67);
  --color-cheng: #FF8461;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.cu {
  cursor: pointer;
}

._a {
  text-decoration: none;
}

#root .PivotItem1 {
  cursor: none;
}

#root .btn {
  border: 0px;
  box-shadow: none;
}

#root .btn:focus {
  border: 0px;
  box-shadow: none;
}

#root .btn-dark {
  background-color: var(--color-dark);
}

#root .mt-24 {
  margin-top: 24px;
}

#root .mb-24 {
  margin-bottom: 24px;
}

#root .mb-12 {
  margin-bottom: 12px;
}

#root .p-24 {
  padding: 24px;
}

#root .pb-24 {
  padding-bottom: 24px;
}

#root .p-12 {
  padding: 12px;
}

html,
body,
#root {
  background-color: #f5f5f5;
}

#root::-webkit-scrollbar {
  width: 0px;
  color: #f5f5f5;
  background-color: #f5f5f5;
}

#root .container-xxl {
  max-width: 1200px;
}

#root .br-2 {
  border-radius: 2px;
}

#root .transition {
  transition: all 0.2s;
}

#root .listStack:hover {
  background-color: rgba(255, 132, 94, 0.6);
}

#root .bg-juse {
  background-color: var(--juse-1);
}

.juse-1-hover:hover {
  background-color: var(--juse-1) !important;
}

.iconClass-x90 {
  transform: rotate(90deg);
}

.text-right {
  text-align: right;
}

.divhtml * {
  max-width: 100%;
}

#root {
  --w-e-textarea-bg-color: #434343;
  --w-e-textarea-color: #fff;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: none;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #333;
  --w-e-textarea-selected-border-color: #b4d5ff;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #fff;
  --w-e-toolbar-bg-color: #434343;
  --w-e-toolbar-active-color: #fff;
  --w-e-toolbar-active-bg-color: #595959;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9;
}

#root pre>code {
  text-shadow: none;
}

/* saas */
#root.saas {
  --saas-blue:#4683fa;
  /* 课程内部按钮hover */
  --juse-1: #79bbff;
  /* 课程列表处按钮hover */
  --color-cheng: #79bbff;
  /* 主色调 */
  --color-dark:#4683fa;
}
/*  */
#root.saas .bg-juse {
  background-color: var(--saas-blue);
}
#root.saas .listStack:hover {
  background-color: var(--juse-1);
}
#root.saas button,#root.saas button .ms-Button-flexContainer a{
  border-color: #fff;
  /* var(--saas-blue); */
}
#root.saas button .ms-Button-flexContainer a{
  color:#fff;
}
#root.saas .container-fluid button:hover, #root.saas .text-right button:hover  {  
    background-color:var(--saas-blue);
    color: rgb(255, 255, 255)!important;
    border-color:var(--saas-blue);
}
